<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view>

	<h:head>
		<title>Registro de Persona</title>
		<meta http-equiv="X-UA-Compatible" content="IE=9" />
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<link type="text/css" rel="stylesheet" href="themes/owner/skin.css" />
		<style type="text/css">
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	background: url('images/fond1.jpg');
}

.ui-widget {
	font-size: 75%;
}

.nestedUnit {
	border: 0px none !important
}

.ui-layout-center .ui-layout-resizer {
	border: 1px solid #A8A8A8;
}

.ui-tree-item span {
	float: left;
}

.ui-tree {
	border: 0px none;
}

.ui-tabs {
	border: 0px none;
}
</style>
		<script language="JavaScript" type="text/javascript">
		<!-- 
		function validar(e) {
			tecla = (document.all) ? e.keyCode : e.which;
			if (tecla==8) return true;
			patron =/[A-Za-z\s]/;
			te = String.fromCharCode(tecla);
			return patron.test(te);
		}
		-->
	</script>
	</h:head>

	<h:form id="formRegPer">
		<p:dialog modal="true" widgetVar="statusDialog"
			header="Enviando formulario del Proceso..." draggable="false"
			closable="false" closeOnEscape="false" resizable="false">
			<p:graphicImage value="/design/ajaxloadingbar.gif" />
		</p:dialog>

		<p:panel header="Sección Transparencia" id="formulario"
			style="width: 970px; margin: auto;">
			<br />
			<div style="height: 24px;" align="right">
				<p:commandButton title="Búsqueda de Resolución"
					actionListener="#{transparenciaBM.verBusquedaResolucion}"
					update="panelTransparencia"
					style="background: url('images/muni/busquedaResolucion.png') no-repeat;
												width: 210px; 
												height: 24px; border:0" />
				<p:spacer width="20" />
				<p:commandButton title="Servicios Gestionados"
					actionListener="#{transparenciaBM.verServiciosGestionados}"
					update="panelTransparencia"
					style="background: url('images/muni/serviciosGestionados.png') no-repeat;
												width: 210px; 
												height: 24px; border:0" />
				<p:spacer width="20" />
				<p:commandButton title="Inicio" action="#{personaBM.backToIndex}"
					ajax="false" immediate="true"
					style="background: url('images/botton/inicioIntranet.png') no-repeat;
												background-position: center bottom; width: 24px; 
												height: 24px; border:0" />
			</div>
			<br />
			<p:outputPanel id="panelTransparencia">
				<p:panel header="Buscar Resolución"
					visible="#{transparenciaBM.panelVisibleResolucion}">
					<table>
						<tr>
							<td><h:outputText value="Busqueda por :" /></td>
							<td><h:selectOneListbox id="idParametro"
									value="#{transparenciaBM.int_tipoDeResolucion_Busqueda}"
									size="1">
									<f:selectItem
										itemLabel="-----Seleccione el Tipo de Resolución-----"
										itemValue="-1" />
									<f:selectItem
										itemLabel="Nombre del Ciudadano o Representante Legal"
										itemValue="1" />
									<f:selectItem itemLabel="Número de Ruc" itemValue="2" />
									<f:selectItem itemLabel="Número de DNI" itemValue="3" />
									<f:selectItem itemLabel="Especificación de Dirección"
										itemValue="4" />
									<f:selectItem itemLabel="Número de Resolución" itemValue="5" />
									<p:ajax update="outPutPanel msjRegUs" process="idParametro"
										event="change"
										actionListener="#{transparenciaBM.Mascara_ActionListener}" />
								</h:selectOneListbox></td>
						</tr>
						<tr>
							<td><h:outputText value="Ingrese el texto del parámetro: " />
							</td>
							<td><p:outputPanel id="outPutPanel">

									<p:inputMask id="numDocIden"
										value="#{transparenciaBM.txtParametroResolucion}"
										mask="#{transparenciaBM.formatInputMask}"
										rendered="#{transparenciaBM.blnMask}" />

									<p:inputText id="nombrePersona" maxlength="50" size="35"
										value="#{transparenciaBM.txtParametroResolucion}"
										rendered="#{transparenciaBM.blnSinMask}" />

								</p:outputPanel></td>
							<td>
								<p:commandLink 
									actionListener="#{transparenciaBM.listarResolucion}"
									ajax="false" update="listado msjRegUs" onclick="statusDialog.show();">
									<h:graphicImage value="images/botton/completereg.png"
										style="border:0;width: 120px; height: 50px;"
										title="Completar registro de la persona" />
								</p:commandLink>	
									
									</td>
						</tr>
					</table>
					<div align="center">
						<p:outputPanel id="listado">
							<p:dataTable value="#{transparenciaBM.lstListadoResolucion}"
								var="a"
								emptyMessage="No se encuentran resoluciones con el parámetro mencionado">
								<p:column headerText="N° de Resolución">
									<h:outputText value="#{a.nResolucion}" />
								</p:column>
								<p:column
									headerText="Nombre de la Persona Natural o Razón Social">
									<h:outputText value="#{a.nPersonaNatural_Juridica}" />
								</p:column>
								<p:column headerText="Número de Documento">
									<h:outputText value="#{a.numerodeDocumento}" />
								</p:column>
								<p:column headerText="Fecha Emitida">
									<h:outputText value="#{a.fechaEmitida}" />
								</p:column>

							</p:dataTable>
						</p:outputPanel>
					</div>



				</p:panel>
				<p:panel header="Visualización de Servicios Gestionados"
					visible="#{transparenciaBM.panelVisibleServiciosGestionados}">
					<table>
						<tr>
							<td><h:outputText value="Seleccione el Tipo de Reporte" />
							</td>
							<td><h:selectOneListbox
									value="#{transparenciaBM.tipoReporte}" size="1">
									<f:selectItem itemLabel="--Seleccione un Tipo de Reporte--"
										itemValue="-1" />
									<f:selectItem itemLabel="Reporte Semanal" itemValue="1" />
									<f:selectItem itemLabel="Reporte Mensual" itemValue="2" />
								</h:selectOneListbox></td>
							<td><p:commandLink update="msjRegUs"
									actionListener="#{transparenciaBM.generarIndicador}"
									ajax="false" onclick="statusDialog.show();">
									<h:graphicImage value="images/botton/completereg.png"
										style="border:0;width: 120px; height: 50px;"
										title="Completar registro de la persona" />
								</p:commandLink></td>
						</tr>
					</table>
					<p:outputPanel id="saldra">
						<script type="text/javascript" src="https://www.google.com/jsapi"></script>
						<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        <h:outputFormat value="#{transparenciaBM.grafico.dataChar}"/>

        var options = {
          width: 720, height: 432,
          title: '#{transparenciaBM.grafico.titulo}',
          vAxis: {title: '#{transparenciaBM.grafico.tituloEjeX}', titleTextStyle: {color: '#1DA4E8'}},
          hAxis: {title: '#{transparenciaBM.grafico.tituloEjeY}', titleTextStyle: {color: '#2C1BE3'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
						<div id="chart_div"></div>
					</p:outputPanel>

					<br />
					<br />
					<br />
					<p:outputPanel id="TiempoEspera">
						<script type="text/javascript" src="https://www.google.com/jsapi"></script>
						<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        <h:outputFormat value="#{transparenciaBM.objGraficoTiemEsperaSubida_FaltaRequisitos.dataChar}"/>

        var options = {
          width: 720, height: 432,
          title: '#{transparenciaBM.objGraficoTiemEsperaSubida_FaltaRequisitos.titulo}',
          vAxis: {title: '#{transparenciaBM.objGraficoTiemEsperaSubida_FaltaRequisitos.tituloEjeX}', titleTextStyle: {color: '#1DA4E8'}},
          hAxis: {title: '#{transparenciaBM.objGraficoTiemEsperaSubida_FaltaRequisitos.tituloEjeY}', titleTextStyle: {color: '#2C1BE3'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_TiempoEspera'));
        chart.draw(data, options);
      }
    </script>
						<div id="chart_div_TiempoEspera"></div>
					</p:outputPanel>

					<br />
					<br />
					<br />
					<p:outputPanel id="EspedientesFinalizados">
						<script type="text/javascript" src="https://www.google.com/jsapi"></script>
						<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        <h:outputFormat value="#{transparenciaBM.objGraficoExpedientesFinalizados.dataChar}"/>

        var options = {
          width: 720, height: 432,
          title: '#{transparenciaBM.objGraficoExpedientesFinalizados.titulo}',
          vAxis: {title: '#{transparenciaBM.objGraficoExpedientesFinalizados.tituloEjeX}', titleTextStyle: {color: '#1DA4E8'}},
          hAxis: {title: '#{transparenciaBM.objGraficoExpedientesFinalizados.tituloEjeY}', titleTextStyle: {color: '#2C1BE3'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('graficoExpedienteFinalizado'));
        chart.draw(data, options);
      }
    </script>
						<div id="graficoExpedienteFinalizado"></div>
					</p:outputPanel>

					<br />
					<br />
					<br />
					<p:outputPanel id="ExpedientesRechazados">
						<script type="text/javascript" src="https://www.google.com/jsapi"></script>
						<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        <h:outputFormat value="#{transparenciaBM.objGraficoExpedientesRechazados.dataChar}"/>

        var options = {
          width: 720, height: 432,
          title: '#{transparenciaBM.objGraficoExpedientesRechazados.titulo}',
          vAxis: {title: '#{transparenciaBM.objGraficoExpedientesRechazados.tituloEjeX}', titleTextStyle: {color: '#1DA4E8'}},
          hAxis: {title: '#{transparenciaBM.objGraficoExpedientesRechazados.tituloEjeY}', titleTextStyle: {color: '#2C1BE3'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('graficoExpedienteRechazados'));
        chart.draw(data, options);
      }
    </script>
						<div id="graficoExpedienteRechazados"></div>
					</p:outputPanel>
				</p:panel>
			</p:outputPanel>



		</p:panel>
		<p:growl life="3000" showDetail="true" id="msjRegUs" autoUpdate="true" />

	</h:form>

</f:view>
</html>